<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>电影列表页面</title>
    <link href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>
</head>
<body>
<div class="container">
    <h2 style="size: 16px">学号：1604220432    姓名：彭秉镖</h2>
    <h1>电影列表页面</h1>
    <a class="btn btn-primary" th:href="@{/movie/add}" >新增</a>
    <form method="get" th:action="@{/movie/selectd}">
        <input type="text" name="name" style="width: 400px;" placeholder="请输入需要查找的电影名称"/>
        <button type="submit" class="btn btn-primary">查找</button>
    </form>
    <table class="table table-bordered">
        <thead>
        <tr>
            <th>#</th>
            <th>电影名称</th>
            <th>发行日期</th>
            <th>封面</th>
            <th>角色数</th>
            <th>操作</th>

        </tr>
        </thead>
        <tbody>
        <tr th:each="movie,movieStat : ${list}">
            <td th:text="${movieStat.index + 1}"></td>
            <td th:text="${movie.name}"></td>
            <td th:text="${movie.createDate} ? ${#dates.format(movie.createDate,'yyyy-MM-dd')} :''"></td>
            <td th:text="${movie.photo}"></td>
            <td th:text="${#lists.size(movie.roles)}"></td>

            <td>
                <a th:href="@{/movie/edit/{movieId}(movieId=${movie.id})}">编辑</a>
                <a th:href="@{/movie/detail/{movieId}(movieId=${movie.id})}">详情</a>
                <a th:href="@{/movie/delete/{movieId}(movieId=${movie.id})}">删除</a>
            </td>
        </tr>
        </tbody>

    </table>
</div>
</body>
</html>
